<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
                                     //    文档
                                     //     丨
                                     //   根元素
    //                                    <html>
    //   ———————————————————————————————————丨——————————————————————————————————
    //    丨                                                                   丨
    //   元素                                                                 元素
    //  <head>                                                               <body>
    //    丨                                                                   丨
    //    丨                                                      ——————————————————————————
    //    丨                                                     丨                        丨
    //   元素                                                    属性 ——————— 元素       元素
    //  <title>                                                  <helf>       <a>        <h1>
    //     丨                                                                  丨         丨
    //    文本：                                                              文本:      文本:
    // '文档标题'                                                          '我的链接'  '我的链接'

            // DOM（hemk/xml）的标准接口，可以通过这些DOM接口改变网页的内容、结构与样式
            // 文档：一个页面就是一个文档 dom中使用document表示
            // 元素：页面中所有标签标签都是元素 dom中使用element表示
            // 节点：页面中所有内容都是节点（标签、属性、文本、注释等）Dom中使用node表示
            // dom把以上内容全部看做是 对象
    </script>
</head>

<body>

</body>

</html>